import React from 'react'
import { Layout, Menu, Button, Input } from 'antd';

const { Content, Sider } = Layout;

const DataSource = props => {

    return (
        <Layout>
            <Sider width={200}>
                <Menu
                    mode="inline"
                    defaultSelectedKeys={['1']}
                    defaultOpenKeys={['sub1']}
                    style={{ height: 'calc(88vh)', overflow: 'scroll' }}
                    // onClick={clickFunc}
                >
                    
                    <div className='sider-input'>
                        <Input />
                        <Button type="primary" >新建</Button>
                    </div>
                </Menu>
            </Sider>
            <Content>
                HDFS：文件系统的预览、上传、下载；
                关系数据库：Mysql等的预览；（注意时间字段列怎么使用）
                Kafka消息队列：主题、消息的预览（前100条）；
                缓存数据库：redis等的数据预览，下载；
                hive：数据的预览和下载（注意分区字段概念怎么使用）
            </Content>
        </Layout>
    )
}

export default DataSource